<template>
  <div class="data-wrapper">
    <div class="top-data">
      <el-button type="danger" plain><span><slot name="topName">上层PH值</slot></span></el-button>
      <el-button type="danger" circle><span><slot name="topData">7.8</slot></span></el-button>
      <div>
        <!--        上下层分界线-->
      </div>
    </div>
    <div>
      <el-button type="danger"><span><slot name="bottomName">下层PH值</slot></span></el-button>
      <el-button type="danger" circle><span><slot name="bottomData">8.0</slot></span></el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "modlue-data-black"
}
</script>

<style scoped lang="less">
.top-data{
  margin-bottom: 3vh;
}
</style>